<template>
    <div id="myeditor">

    </div>
</template>

<script setup>
import { onMounted,defineEmits,defineProps } from 'vue';
import E from "wangeditor"

const emit = defineEmits(["event"])
const props = defineProps({
    content:String
})
onMounted(() => {
    const editor = new E("#myeditor")
    editor.create();
    // 设置初始值
    props.content && editor.txt.html(props.content)

    editor.config.onchange = function (newHtml) {
        // console.log("change 之后最新的 html", newHtml);

        // 子传父
        emit("event",newHtml)
    };
});
</script>